<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>隐藏消失小酷炫</title>
	<script type="text/javascript" src="jquery.js"></script>
	<style type="text/css">
		div{
			width: 40px;
			height: 40px;
			background-color: #0f0;
			margin-left: 10px;
			float: left;
		}
	</style>
</head>
<body>
	<script type="text/javascript">
	$(document).ready(function(){
			for (var i = 0; i < 5; i++) {
			$("<div>").appendTo(document.body);
		}
		$("div").click(function(){
			$(this).hide(2000,function(){
				$(this).remove();
			});
		});
	});
	</script>
	
</body>
</html>